<!DOCTYPE html>
<html lang="en">
<head>
<link href='http://www.dhf.web.id/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
    <meta charset="utf-8">
    <title>Css Beautify ~ DH-F</title>
  <script src="/svn/branches/include/mirror/mirror.js" charset="utf-8"></script>
  <script src="/svn/branches/include/mirror/mirrorCs.js" charset="utf-8"></script>
  <link rel="stylesheet" type="text/css" href="/svn/branches/include/mirror/mirror.css"/>
  <link rel="stylesheet" type="text/css" href="/svn/branches/include/mirror/mirrorCs.css"/>
  <script src="/svn/branches/include/mirror/mirrorBeauty.js" charset="utf-8"></script>
  <script src="/svn/branches/include/mirror/mirrorBeautyCs.js" charset="utf-8"></script>
</head>
<body>
<div class="container">
  <h1><a href="http://www.dhf.web.id" title="DH-F" target="_blank">CSS Beautify DH-F</a></h1>
    <div class="raw">
      <h3>Kotak Paste Code Css</h3>
      <textarea id="raw" rows="22" autofocus="autofocus" spellcheck="false" onChange='format()' onKeyDown='format()'></textarea>
    </div>
    <div class="formatted">
        <h3>Kotak Copy Code Css</h3>
        <textarea id="beautified" rows="22" readonly></textarea>
    </div>
    <div class="options">
        <h3>Options:</h3>
        <p>Indent with<br>
        <label><input checked type="radio" name="indent" id="fourspaces" value="fourspaces" onChange='format()'>4 spaces</label><br>
        <label><input type="radio" name="indent" id="twospaces" value="twospaces" onChange='format()'>2 spaces</label><br>
        <label><input type="radio" name="indent" id="tab" value="tab" onChange='format()'>tab</label>
        </p>
        <p>Open curly brace:<br>
        <label><input checked type="radio" name="openbrace" id="openbrace-end-of-line" onChange='format()'>end of line</label><br>
        <label><input type="radio" name="openbrace" id="openbrace-separate-line" onChange='format()'>separate line</label>
        </p>
        <p><label><input checked type="checkbox" name="autosemicolon" id="autosemicolon" onChange='format()'>Automatic semicolon</label></p>
    </div>
    <br clear="all"/>
    <div class="footer"><strong><a href="http://www.dhf.web.id/">CSS Beautify www.dhf.web.id</a></strong></div>
</div>
</body>
</html>